<template>
	<view class="expressage-container">
		<view class="expressage-list">
			<view class="expressage-item" v-for="i in 3">
				<view class="hd">
					<view class="address">技师学院</view>
					<view class="status">配送中</view>
				</view>
				<view class="info">
					<view class="phone">手机号：13343897656；</view>
					<view calss="code">取件码6-3-2065</view>
				</view>
				<view class="type">书本文件</view>
				<view class="bottom">
					<view class="time">2025-2-27 12:33:10</view>
					<view class="money">￥3</view>
				</view>
			</view>
			
		</view>
		<view class="affirm-btn">
			<button>现在下单</button>
		</view>
	</view>
</template>

<script setup>
</script>

<style lang="scss" scoped>
	.expressage-container{
		margin:20rpx 20rpx 0;
		.expressage-list{
			padding-top: 20rpx;
			width: 100%;
			min-height: calc(100vh - 160rpx);
			background-color: #f1fdfa;
			border-radius: 32rpx;
			border-bottom-left-radius: 0; /* 左下角没有圆角 */
			border-bottom-right-radius: 0; /* 右下角没有圆角 */
			.expressage-item{
				padding: 0 20rpx;
				margin-bottom: 40rpx;
				width: 100%;
				
				height: 200rpx;
				.hd{
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 100%;
					.address{
						font-size: 32rpx;
					}
					.status{
						font-size: 28rpx;
						color: #20dab4;
					}
				}
				.info{
					margin-top: 14rpx;
					display: flex;
					justify-content: flex-start;
					padding-left: 40rpx;
					font-size: 28rpx;
					.phone{
						font-size: 28rpx;
					}
					.code {
						font-size: 28rpx;
					}
				}
				.type{
					margin-top: 14rpx;
					padding-left: 40rpx;
					font-size: 28rpx;
				}
				.bottom{
					margin-top: 14rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;
					.time{
						font-size: 24rpx;
						color: #9fa2a0;
					}
					.money{
						font-size: 40rpx;
					}
				}
			}
		}
		.affirm-btn{
			overflow: hidden;
			margin-top: 20rpx;
			height: 80rpx;
			width: 100%;
			background-color: #20dab4;
			border-radius: 40rpx;
			button {
				width: 100%;
				height: 100%;
				background-color: #20dab4;
				line-height: 80rpx;
				font-size: 28rpx;
				color: #fff;
				
			}
		}
	}
</style>